<script setup lang="ts">
import { ref } from 'vue';
import { buildAssetSource } from '@/utils';

const current = ref<number>(0);

const swiperList = ref([
  buildAssetSource('swiper.png'),
  buildAssetSource('swiper.png'),
  buildAssetSource('swiper.png')
]);
</script>

<template>
  <view class="swiper">
    <wd-swiper v-model:current="current" height="398px" :list="swiperList" autoplay />
  </view>
</template>

<style lang="scss" scoped>
.swiper {
  height: 398px;
  padding: 20px 30px;

  --wot-swiper-radius: 20px;
  --wot-swiper-nav-dot-size: 20px;
  --wot-swiper-nav-dot-active-color: #0154be;
  --wot-swiper-nav-dot-color: rgba(197, 223, 255, 0.52);
}
</style>
